<template>
	<view class="">
		<!-- 热门分类 -->
		<view class="flex align-center justify-between px-2 py-2">
			<text class="fond-md">热门分类</text>
			<view class="flex align-center font text-secondary" @click="openMore">
				更多<text class="iconfont icon-jinru"></text>
			</view>
		</view>
		<view class="flex align-center px-2 py-3 border-bottom justify-between">
			<view class="rounded border bg-light px-1 mx-1" v-for="(item,index) in hotCate" :key="index"
				@click="openDetail(item)">{{item.name}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['hotCate'],
		methods: {
			openMore() {
				// console.log('点击打开更多选项');
				uni.navigateTo({
					url: '/pages/topic-nav/topic-nav'
				})
			},
			openDetail(item) {
				console.log('打开话题详情页');
			}
		}
	}
</script>

<style>
</style>